<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>小说详细页</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css"/>
    <link rel="stylesheet" href="static/css/pc/destVersion1.1/tribe-modal.css"/>
    <link rel="stylesheet" href="static/css/pc/destVersion1.1/tribe-show.css"/>

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->

    <!--编辑器-->
    <link rel="stylesheet" href="static/js/pc/umeditor/themes/default/css/umeditor.css">
</head>
<body>

<button class="btn-yellow-40 left mr10" data-toggle="modal" data-target="#tModal1">
    上传图片(完)
</button>
<!-- 模态框1（上传图片） -->
<div class="modal fade" id="tModal1" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-tmodal-0">
        <div class="per-pub-picBox">
            <ul>
                <li class="per-pub-add">
                    <p class="per-pub-addIcon">
                        <input type="file" />
                    </p>
                    <p class="per-pub-addSC">上传作品</p>
                    <p class="per-pub-addZS">一次可上传100张</p>
                    <p class="per-pub-addDX">小于10M</p>
                </li>
                <li>
                    <div class="per-pub-img">
                        <img src="static/images/pc/personal/pub-img.jpg" height="200" width="200" alt="" />
                        <div class="per-pub-edit zcbl-hidden">
                            <!--<p class="per-pub-editFM"><a href="#" target="_blank">封面</a></p>-->
                            <p class="per-pub-editDel"><a href="#" target="_blank"></a></p>
                        </div>
                    </div>
                    <div class="per-pub-tit">
                        <!--<a href="#" target="_blank">沙滩晨跑</a>-->
                        <input type="text" value="沙滩晨跑"/>
                    </div>
                </li>
                <li>
                    <div class="per-pub-img">
                        <img src="static/images/pc/personal/pub-img.jpg" height="200" width="200" alt="" />
                        <div class="per-pub-edit zcbl-hidden">
                            <!--<p class="per-pub-editFM"><a href="#" target="_blank">封面</a></p>-->
                            <p class="per-pub-editDel"><a href="#" target="_blank"></a></p>
                        </div>
                    </div>
                    <div class="per-pub-tit"><a href="#" target="_blank">在此编辑图片名称</a></div>
                </li>
                <li>
                    <div class="per-pub-noImg">
                        <p class="per-pub-progress">
                            <span style="width: 50%">&nbsp;</span>
                        </p>
                    </div>
                    <div class="per-pub-tit">在此编辑图片名称</div>
                </li>
                <li>
                    <div class="per-pub-img">
                        <img src="static/images/pc/personal/pub-img.jpg" height="200" width="200" alt="" />
                        <div class="per-pub-edit zcbl-hidden">
                            <!--<p class="per-pub-editFM"><a href="#" target="_blank">封面</a></p>-->
                            <p class="per-pub-editDel"><a href="#" target="_blank"></a></p>
                        </div>
                    </div>
                    <div class="per-pub-tit"><a href="#" target="_blank">在此编辑图片名称</a></div>
                </li>
                <li>
                    <div class="per-pub-img">
                        <img src="static/images/pc/personal/pub-img.jpg" height="200" width="200" alt="" />
                        <div class="per-pub-edit zcbl-hidden">
                            <!--<p class="per-pub-editFM"><a href="#" target="_blank">封面</a></p>-->
                            <p class="per-pub-editDel"><a href="#" target="_blank"></a></p>
                        </div>
                    </div>
                    <div class="per-pub-tit"><a href="#" target="_blank">在此编辑图片名称</a></div>
                </li>
                <li>
                    <div class="per-pub-img">
                        <img src="static/images/pc/personal/pub-img.jpg" height="200" width="200" alt="" />
                        <div class="per-pub-edit zcbl-hidden">
                            <!--<p class="per-pub-editFM"><a href="#" target="_blank">封面</a></p>-->
                            <p class="per-pub-editDel"><a href="#" target="_blank"></a></p>
                        </div>
                    </div>
                    <div class="per-pub-tit"><a href="#" target="_blank">在此编辑图片名称</a></div>
                </li>
                <li>
                    <div class="per-pub-img">
                        <img src="static/images/pc/personal/pub-img.jpg" height="200" width="200" alt="" />
                        <div class="per-pub-edit zcbl-hidden">
                            <!--<p class="per-pub-editFM"><a href="#" target="_blank">封面</a></p>-->
                            <p class="per-pub-editDel"><a href="#" target="_blank"></a></p>
                        </div>
                    </div>
                    <div class="per-pub-tit"><a href="#" target="_blank">在此编辑图片名称</a></div>
                </li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="zcbl-tmodal-subbtn">
            <button type="button">提交</button>
        </div>
    </div>
</div>
<!-- 模态框1（上传图片） -->


<button class="btn-yellow-40 left mr10" data-toggle="modal" data-target="#tModal2">
    上传视频修改(完)
</button>
<!-- 模态框2（上传视频修改） -->
<div class="modal fade" id="tModal2" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-tmodal-1">
        <div class="zcbl-tmodal-tabvinput">
            <div>视频链接：<input type="text"/></div>
            <p>平台支持腾讯视频、优酷土豆视频、搜狐视频</p>
        </div>
        <div class="zcbl-tmodal-add">
            <div class="per-pub-add">
                <p class="per-pub-addIcon">
                    <input type="file" />
                </p>
                <p class="per-pub-addSC">上传封面</p>
                <p class="per-pub-addZS">一次可上传100张</p>
                <p class="per-pub-addDX">小于10M</p>
            </div>
        </div>
        <div class="zcbl-tmodal-subbtn">
            <button type="button">提交</button>
        </div>
    </div>
</div>
<!-- 模态框2（上传视频修改） -->


<button class="btn-yellow-40 left mr10" data-toggle="modal" data-target="#tModal3">
    上传漫画修改(完)
</button>
<!-- 模态框3（上传漫画修改） -->
<div class="modal fade" id="tModal3" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-tmodal-1">
        <div class="zcbl-tmodal-tabinput">
            <p>标题：<input type="text"/></p>
        </div>
        <div class="zcbl-tmodal-add">
            <div class="per-pub-add">
                <p class="per-pub-addIcon">
                    <input type="file" />
                </p>
                <p class="per-pub-addSC">上传作品</p>
                <p class="per-pub-addZS">一次可上传100张</p>
                <p class="per-pub-addDX">小于10M</p>
            </div>
        </div>
        <div class="zcbl-tmodal-subbtn">
            <button type="button">提交</button>
        </div>
    </div>
</div>
<!-- 模态框3（上传漫画修改） -->


<button class="btn-yellow-40 left mr10" data-toggle="modal" data-target="#tModal4">
    标题导航修改(完)
</button>
<!-- 模态框4（标题导航修改） -->
<div class="modal fade" id="tModal4" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-tmodal-1">
        <div class="zcbl-tmodal-row">
            <p>标签一: <input type="text" placeholder="20个汉字以内"/></p>
            <p>
                属性:
                <select name="" id="">
                    <option value="0">图片</option>
                    <option value="1">视频</option>
                    <option value="2">漫画</option>
                </select>
            </p>
        </div>
        <div class="zcbl-tmodal-row">
            <p>标签二: <input type="text" placeholder="20个汉字以内"/></p>
            <p>
                属性:
                <select name="" id="">
                    <option value="0">图片</option>
                    <option value="1">视频</option>
                    <option value="2">漫画</option>
                </select>
            </p>
        </div>
        <div class="zcbl-tmodal-row">
            <p>标签三: <input type="text" placeholder="20个汉字以内"/></p>
            <p>
                属性:
                <select name="" id="">
                    <option value="0">图片</option>
                    <option value="1">视频</option>
                    <option value="2">漫画</option>
                </select>
            </p>
        </div>
        <div class="zcbl-tmodal-row">
            <p>标签四: <input type="text" placeholder="20个汉字以内"/></p>
            <p>
                属性:
                <select name="" id="">
                    <option value="0">图片</option>
                    <option value="1">视频</option>
                    <option value="2">漫画</option>
                </select>
            </p>
        </div>

        <div class="zcbl-tmodal-subbtn">
            <button type="button">提交</button>
        </div>
    </div>
</div>
<!-- 模态框4（标题导航修改） -->

<button class="btn-yellow-40 left mr10" data-toggle="modal" data-target="#novel-model">
   编辑剧集
</button>
<!-- 添加,编辑 剧集 模态框（Modal） -->
<div class="modal fade" id="novel-model" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="tribe-novel-model">
        <form id="tribe-add-novel-form" method="post" class="form-horizontal" role="form">
            <div class="form-group">
                <label for="novel-title" class="mt5 controle-label">标题:</label>
                <input type="text" id="novel-title" name="novel-title"/>

            </div>
            <div class="form-group">
                <div class="col-md-offset-1 ">
                    <!--style给定宽度可以影响编辑器的最终宽度-->
                    <script type="text/plain" id="novel-content" name="novel-content" style="width:840px;height:444px;">
                         <p>将文字复制到这里</p>
                        </script>
                </div>
            </div>
            <div class="col-sm-offset-5 mt40">
                <button type="submit" class="btn btn-yellow-50">提交</button>
            </div>
        </form>
    </div>
</div>
<!-- 添加,编辑 剧集（Modal） -->

<button class="btn-yellow-40 left mr10" data-toggle="modal" data-target="#myModal5">
    申请开通
</button>
<!-- 申请开通 模态框（Modal） -->
<div class="modal fade" id="myModal5" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-modal-1 tribe-apply-model">
        <form id="tribe-apply-form" method="post">
            <div class="checkbox">
                <label><input type="radio" name="edit-tribe-type" value="1" checked/>漫画&emsp;</label>
                <label><input type="radio" name="edit-tribe-type" value="2"/>动画片</label>
                <label><input type="radio" name="edit-tribe-type" value="3"/>游戏&emsp;</label>
            </div>
            <div class="checkbox">
                <label><input type="radio" name="edit-tribe-type" value="1" checked/>影视剧</label>
                <label><input type="radio" name="edit-tribe-type" value="2"/>大电影</label>
                <label><input type="radio" name="edit-tribe-type" value="3"/>衍生品</label>
            </div>
            <div class="col-sm-offset-5 mt40">
                <button type="submit" class="btn btn-yellow-50">提交</button>
            </div>
        </form>
    </div>
</div>
<!-- 申请开通 （Modal） -->



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>

<!-- 配置文件 -->
<script type="text/javascript" src="static/js/pc/umeditor/umeditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="static/js/pc/umeditor/umeditor.js"></script>
<!-- 语言包文件 -->
<script type="text/javascript" src="static/js/pc/umeditor/lang/zh-cn/zh-cn.js"></script>


<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script src="static/js/pc/jquery.form-master/jquery.form.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>

<script>
    $(function () {
        /**
         * 实例化编辑器代码
         * ==============
         */
        UM.getEditor('novel-content', {
            /* 传入配置参数,可配参数列表看umeditor.config.js */
            toolbars: ['undo redo | bold italic underline strikethrough |  insertorderedlist insertunorderedlist | justifyleft justifycenter justifyright justifyjustify ']
        });



        /**
         * 添加/编辑剧集 ajax提交
         * =======
         */
        $('#tribe-add-novel-form').ajaxForm({
            url: 'http://127.0.0.1/2.php',
            beforeSubmit: function (arr) {
                if (!arr[0].value) {
                    alert('请输入标题');
                    return false;
                }

                if (!arr[1].value) {
                    alert('请输入内容');
                    return false;
                }

                console.log(arr)
                return true;
            },
            success: function (data) {

                // 申请成功,隐藏弹出层
                $('#novel-model').modal('hide');
                console.info('tribe-add-novel-form-success', data);
            },
            error: function (e) {
                // 申请失败,隐藏弹出层
                $('#novel-model').modal('hide');
                console.info('tribe-add-novel-form-error', e);
            }
        });

        /**
         * 申请开通
         * =======
         */
        $('#tribe-apply-form').ajaxForm({
            url: 'http://127.0.0.1/2.php',
            success: function (data) {

                // 申请成功,隐藏弹出层
                $('#myModal5').modal('hide');
                console.info('tribe-apply-success', data);
            },
            error: function (e) {
                // 申请失败,隐藏弹出层
                $('#myModal5').modal('hide');
                console.info('tribe-apple-error', e);
            }
        });

    });
</script>


</body>
</html>